<html xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" >  

    <ui:composition template="layout.xhtml">
        <ui:define name="corpo">
            <h:form id="buscar_form" acceptcharset="utf-8"> 
                <div id="breadcrumb">
                    <p:commandLink  actionListener="#{managerIndex.redirect('index.xhtml')}" value="Inicio" update="@form" immediate="true"/> >
                    <p:commandLink  actionListener="#{managerIndex.redirect('indexLivro.xhtml')}" value="Livros" update="@form" immediate="true"/> >
                    <p:commandLink  value="Pesquisar Livros" update="@form" immediate="true"/>
                </div>
                <p:panel header="Pesquisar Livros">
                  

                        <p:messages showDetail="true"  id="msg" /> 
                      
                            <fieldset>
                                <legend>Filtros</legend>    
                                <h:panelGrid columns="2"  border="0" styleClass="textAlignRight" columnClasses="textAlignRight"> 
                                    <h:outputLabel value="Livro: "/>
                                    <p:autoComplete id="livro" panelStyle="width:250px !important;" effect="blind"  value="#{managerConsultarLivro.livro}" completeMethod="#{managerConsultarLivro.completeLivro}"  
                                                    var="p" itemLabel="#{p.titulo}" itemValue="#{p}" converter="livroConverter" required="true" requiredMessage="Escolha o Livro" forceSelection="true" converterMessage="Erro, verifique o Livro" minQueryLength="3" dropdown="true"> 
                                        <p:ajax event="itemSelect" listener="#{managerConsultarLivro.handleSelect}"/>
                                    </p:autoComplete>




                                    <h:outputLabel value="Pagina: "/> 
                                    <p:inputText  id="num" value="#{managerConsultarLivro.folha.numero}" 
                                                  size="20"  />


                                </h:panelGrid>    

                            </fieldset>
                            <center>
                                <div class="buttonAction">
                                    <p:commandButton process="@form, num" icon="ui-icon-search"
                                                     actionListener="#{managerConsultarLivro.buscar()}"
                                                     value="Buscar" update="livroTable"/>

                                    <p:commandButton id="limpar" icon="ui-icon-arrowreturnthick-1-w" 
                                                     value="Cancelar" actionListener="#{managerVisualizarLivro.redirect('indexLivro.xhtml')}" 
                                                     immediate="true" />
                                </div>
                            </center>
                            <p:dataTable id="livroTable" var="livro" value="#{managerConsultarLivro.lstLivros}" 
                                         paginator="true" rows="5"
                                         paginatorPosition="bottom"
                                         paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"  
                                         rowsPerPageTemplate="5,10,15">     
                                <f:facet name="header">  
                                    Livros
                                </f:facet>
                                <p:column style="width:4%">  
                                    <p:rowToggler />  
                                </p:column> 
                                <p:column style="width:300px;" headerText="Titulo"> 
                                    <h:outputText value="#{livro.titulo}" />  
                                </p:column>
                                <p:column headerText="Descricao">  
                                    <h:outputText value="#{livro.descricao}" />  
                                </p:column>
                                <p:column style="width:100px;" headerText="Numero"> 
                                    <h:outputText value="#{livro.numero}" />
                                </p:column>
                                <p:column style="width:100px;" headerText="Qtd"> 
                                    <h:outputText value="#{managerConsultarLivro.qtdFolha(livro)}" />
                                </p:column>

                                <!--                        <p:column style="width:64px;" headerText="Opções">
                                                            <p:commandButton  icon="editar"  actionListener="{managerEditarEntradaSelo.redirect('editarEntradaSelo.xhtml', entradaSelo)}" update="@form"/> 
                                                            <p:commandButton  icon="view" actionListener="{managerVisualizarEntradaSelo.redirect('visualizarEntradaSelo.xhtml', entradaSelo)}" update="@form"/>   
                                
                                                        </p:column>  -->

                                <p:rowExpansion>  
                                    <table style="width:100%">
                                        <tbody style="background-color: #5277A9; color: #ffffff; ">
                                            <td style="font-weight: bold;">
                                                Numero 
                                            </td>
                                        </tbody>
                                        <ui:repeat value="#{livro.folhas}" var="folha">
                                            <tr>
                                                <td >
                                                    <h:outputText value=" Numero - #{folha.numero}" />  
                                                </td>

                                            </tr>
                                        </ui:repeat>
                                    </table>
                                </p:rowExpansion>  

                            </p:dataTable> 
                       

                </p:panel>
                <br/>
            </h:form>
        </ui:define>
    </ui:composition>
</html>

